<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <title>职能划分训练页面</title>
</head>
<body>
    <h1 id = 'name' style="text-align:center;">

    </h1>
    <div id = 'desc' style="width:70%;margin:0 auto;">

    </div>
    <div style="width:70%;margin:30px auto;">
        <select name = "" id = "func-choice" style="width:120px;height:40px;">
        </select>
        <button id = "next" style = "width:120px;height:40px;">下一个</button>
        <button id = "sure" style = "width:120px;height:40px;">确定</button>
    </div>
<script
        src = "http://code.jquery.com/jquery-2.2.4.min.js"
        integrity = "sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
        crossorigin = "anonymous"></script>
<script>
    function next(){
        $(document).ready(function(){
            $.ajax({
                    'url':'/knx/load_train_data',
                    dataType: 'json',
                    'success':function(resp){
                        if(resp.success){
                            $('#desc').html(resp.data[0].description);
                            $('#name').text(resp.data[0].name);
                        }
                    }
             });
        });
    }

    $('#next').click(function(){
        next();
    });

    $('#sure').click(function(){
        $.ajax({
            url:'/knx/tagging_train_data',
            dataType: 'json',
            'data':{
                'func':$('#func-choice').val(),
                'desc':$('#desc').html()
            },
            success:function(resp){
                if(resp.success){
                    next();
                }
            }
         });
    });

    next();

    $('#func-choice').change(function(e){
         $.ajax({
            url:'/knx/tagging_train_data',
            dataType: 'json',
            'data':{
                'func':$('#func-choice').val(),
                'desc':$('#desc').html()
            },
            success:function(resp){
                if(resp.success){
                    next();
                }
            }
         })
    });

    var func = [
        '金融类产品开发',
        '计算机硬件工程师',
        '计算机软件工程师',
        '互联网产品开发工程师',
        '互联网产品',
        '互联网运营',
        '网站设计师',
        '网站开发工程师',
        '运维、技术支持',
        '通信技术开发及应用工程师',
        '销售',
        '客服',
        '售前/售后技术支持工程师',
        '财务/审计/税务类',
        '证券/期货/外汇经纪人',
        '金融类评估，分析人员',
        '金融客服',
        '金融销售',
        '银行业务、分析',
        '金融客服',
        '金融客服',
        '金融客服',
        '金融销售',
        '质量管理、工程师类',
        '工程、制造类工程师',
        '生产管理岗',
        '汽车制造类工程师',
        '汽车销售',
        '服装制造业从业者',
        '采购',
        '供应链管理',
        '仓储管理',
        '生物、化学研究人员',
        '医疗、医药研发管理人员',
        '医疗、医药销售',
        '化工研发技术人员',
        '医疗、护理人员',
        '广告客户专员',
        '广告文案策划',
        '公关/媒介人员',
        '市场/营销人员',
        '经纪人/星探',
        '影视/媒体后台工作',
        '记者',
        '编辑出版从业者',
        '设计师',
        '建筑工程与装潢类设计师',
        '房地产项目/开发/策划',
        '房地产销售',
        '房地产客服',
        '房地产评估',
        '人力资源从业者',
        '行政/后勤人员',
        '咨询/顾问',
        '猎头/人才中介',
        '情报信息分析人员',
        '律师/法务/合规从业者',
        '教师类',
        '培训师类',
        '百货零售业务人员',
        '西点师/面包糕点加工',
        '翻译',
        '储备干部/培训生/实习生',
        '其他'
    ]

    var html = '';

    for(i = 0;i < func.length;i++){
        html += '<option value = "'+func[i]+'">'+ func[i]+ '</option>';
    }

    $('#func-choice').html(html)
</script>
</body>
</html>